﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>花卉</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- FONT ICONS -->
<link rel="stylesheet" href="assets/elegant-icons/style.css">
<link rel="stylesheet" href="assets/et-line-font/style.css">
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link href="css/responsive.css" rel="stylesheet">
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>

<body>
<div class="page-wrapper">
 	
    <!-- Preloader -->
    <div class="preloader"></div>
    
 	
    <!-- Main Header -->
    <header class="main-header">
    	<div class="top-bar">
        	<div class="top-container">
            	<!--Info Outer-->
                 <div class="info-outer">
                 	<!--Info Box-->
                    <ul class="info-box clearfix">
                    	<li><span class="icon flaticon-interface"></span><a href="#">邮箱</a></li>
                    	<li><span class="icon flaticon-technology-5"></span><a href="#">0439-6881177</a></li>
                        
                    </ul>
                 </div>
            </div>
        </div>
    	<!-- Header Upper -->
        <div class="header-upper">
            <div class="auto-container clearfix">
                <!-- Logo -->
                <div class="logo">
                    <a href="index.html"><img src="images/logo-1.png" alt="柏艺"></a>
                 </div>
                 
                 <!--Nav Outer-->
                <div class="nav-outer clearfix">
                    
                    <!-- Main Menu -->
                    <nav class="main-menu">
                        
                        <div class="navbar-header">
                            <!-- Toggle Button -->      
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div>

                        <div class="navbar-collapse collapse clearfix">
                            <ul class="navigation">
                                <li><a href="index.html">首页</a></li>
                                <li><a href="blog.html">工程</a></li>
                                <li><a href="events-grid.html">种子</a></li>
                                <li><a href="gallery-masonry.html">花卉</a></li>
                                <li><a href="about.html">关于我们</a></li>
                            </ul>
                        </div>
                    </nav><!-- Main Menu End-->
                    
                </div>
                
            </div>
        </div><!-- Header Top End -->
        
    </header><!--End Main Header -->
    
    
    <!--Page Title-->
    <section class="page-title" style="background-image:url(images/background/page-title-bg.jpg);">
    	<div class="auto-container">
        	<div class="sec-title">
                <h1>花卉</span></h1>
                <div class="bread-crumb"><a href="index.html">首页</a> / <a href="#" class="current">花卉</a></div>
            </div>
        </div>
    </section>
    
    
    <!--Gallery Section-->
    <section class="gallery-section sortable-masonry">
        <div class="auto-container">
            
            <!--Filter-->
            <div class="filters text-center">
                <ul class="filter-tabs filter-btns clearfix anim-3-all">
                    <li class="active filter" data-role="button" data-filter=".all">全部</li>
                    <li class="filter" data-role="button" data-filter=".environment">种类1</li>
                    <li class="filter" data-role="button" data-filter=".eco">种类2</li>
                    <li class="filter" data-role="button" data-filter=".energy">种类3</li>
                    <li class="filter" data-role="button" data-filter=".animals">种类4</li>
                    <li class="filter" data-role="button" data-filter=".plants">种类5</li>
                </ul>
            </div>
            
            <div class="images-container">
        	
            <div class="items-container row clearfix">
                
                <!--Column-->
                <div class="column all eco plants col-md-4 col-sm-6 col-xs-12">
                    <!--Default Portfolio Item-->
                    <div class="default-portfolio-item">
                        <div class="inner-box text-center">
                            <!--Image Box-->
                            <figure class="image-box"><img src="images/gallery/image-7.jpg" alt=""></figure>
                            <div class="overlay-box">
                                <div class="inner-content">
                                    <div class="content">
                                        <h3><a href="#">Lorem Ipsum dolor sit</a></h3>
                                        <a class="arrow lightbox-image" href="images/gallery/image-7.jpg" title="Image Caption Here"><i class="icon icon-magnifying-glass "></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!--Column-->
                <div class="column all environment  energy animals col-md-4 col-sm-6 col-xs-12">
                    <!--Default Portfolio Item-->
                    <div class="default-portfolio-item">
                        <div class="inner-box text-center">
                            <!--Image Box-->
                            <figure class="image-box"><img src="images/gallery/image-8.jpg" alt=""></figure>
                            <div class="overlay-box">
                                <div class="inner-content">
                                    <div class="content">
                                        <h3><a href="#">Lorem Ipsum dolor sit</a></h3>
                                        <a class="arrow lightbox-image" href="images/gallery/image-8.jpg" title="Image Caption Here"><i class="icon icon-magnifying-glass "></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                
                <!--Column-->
                <div class="column all environment eco animals col-md-4 col-sm-6 col-xs-12">
                    <!--Default Portfolio Item-->
                    <div class="default-portfolio-item">
                        <div class="inner-box text-center">
                            <!--Image Box-->
                            <figure class="image-box"><img src="images/gallery/image-12.jpg" alt=""></figure>
                            <div class="overlay-box">
                                <div class="inner-content">
                                    <div class="content">
                                        <h3><a href="#">Lorem Ipsum dolor sit</a></h3>
                                        <a class="arrow lightbox-image" href="images/gallery/image-12.jpg" title="Image Caption Here"><i class="icon icon-magnifying-glass "></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!--Column-->
                <div class="column all eco energy animals col-md-4 col-sm-6 col-xs-12">
                    <!--Default Portfolio Item-->
                    <div class="default-portfolio-item">
                        <div class="inner-box text-center">
                            <!--Image Box-->
                            <figure class="image-box"><img src="images/gallery/image-9.jpg" alt=""></figure>
                            <div class="overlay-box">
                                <div class="inner-content">
                                    <div class="content">
                                        <h3><a href="#">Lorem Ipsum dolor sit</a></h3>
                                        <a class="arrow lightbox-image" href="images/gallery/image-4.jpg" title="Image Caption Here"><i class="icon icon-magnifying-glass "></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!--Column-->
                <div class="column all environment eco energy animals col-md-4 col-sm-6 col-xs-12">
                    <!--Default Portfolio Item-->
                    <div class="default-portfolio-item">
                        <div class="inner-box text-center">
                            <!--Image Box-->
                            <figure class="image-box"><img src="images/gallery/image-11.jpg" alt=""></figure>
                            <div class="overlay-box">
                                <div class="inner-content">
                                    <div class="content">
                                        <h3><a href="#">Lorem Ipsum dolor sit</a></h3>
                                        <a class="arrow lightbox-image" href="images/gallery/image-11.jpg" title="Image Caption Here"><i class="icon icon-magnifying-glass "></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!--Column-->
                <div class="column all energy animals plants col-md-4 col-sm-6 col-xs-12">
                    <!--Default Portfolio Item-->
                    <div class="default-portfolio-item">
                        <div class="inner-box text-center">
                            <!--Image Box-->
                            <figure class="image-box"><img src="images/gallery/image-13.jpg" alt=""></figure>
                            <div class="overlay-box">
                                <div class="inner-content">
                                    <div class="content">
                                        <h3><a href="#">Lorem Ipsum dolor sit</a></h3>
                                        <a class="arrow lightbox-image" href="images/gallery/image-13.jpg" title="Image Caption Here"><i class="icon icon-magnifying-glass "></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!--Column-->
                <div class="column all eco plants col-md-4 col-sm-6 col-xs-12">
                    <!--Default Portfolio Item-->
                    <div class="default-portfolio-item">
                        <div class="inner-box text-center">
                            <!--Image Box-->
                            <figure class="image-box"><img src="images/gallery/image-10.jpg" alt=""></figure>
                            <div class="overlay-box">
                                <div class="inner-content">
                                    <div class="content">
                                        <h3><a href="#">Lorem Ipsum dolor sit</a></h3>
                                        <a class="arrow lightbox-image" href="images/gallery/image-10.jpg" title="Image Caption Here"><i class="icon icon-magnifying-glass "></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                
                
            </div>
            </div>
            <div class="styled-pagination padd-top-20 margin-bott-40">
                <ul>
                    <li><a class="prev" href="#"><span class="fa fa-angle-left"></span>&ensp;Prev</a></li>
                    <li><a href="#">1</a></li>
                    <li><a href="#" class="active">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a class="next" href="#">Next&ensp;<span class="fa fa-angle-right"></span></a></li>
                </ul>
            </div>
            
        </div>
        <!-- Styled Pagination -->

    </section>
        
    
    <!--&lt;!&ndash;Sponsors Section&ndash;&gt;-->
    <!--<section class="sponsors-section">-->
        <!--<div class="auto-container">-->
            <!--<div class="slider-outer">-->
                <!--&lt;!&ndash;Sponsors Slider&ndash;&gt;-->
                <!--<ul class="sponsors-slider">-->
                    <!--<li><a href="#"><img src="images/clients/1.jpg" alt=""></a></li>-->
                    <!--<li><a href="#"><img src="images/clients/2.jpg" alt=""></a></li>-->
                    <!--<li><a href="#"><img src="images/clients/3.jpg" alt=""></a></li>-->
                    <!--<li><a href="#"><img src="images/clients/4.jpg" alt=""></a></li>-->
                    <!--<li><a href="#"><img src="images/clients/2.jpg" alt=""></a></li>-->
                <!--</ul>-->
            <!--</div>-->
            <!---->
        <!--</div>-->
    <!--</section>-->


    <!--Main Footer-->
    <footer class="main-footer" style="background-image:url(images/background/page-title-bg.jpg);">

        <!--Footer Upper-->
        <div class="footer-upper">
            <div class="auto-container">
                <div style="margin:0 auto;width: 800px">
                    <ul class="contact-info contact-foot">
                        <li><span class="icon fa fa-map-marker"></span>地址</li>
                        <li><span class="icon fa fa-phone"></span>0439-6881177</li>
                        <li><span class="icon fa fa-envelope-o"></span>邮箱</li>
                    </ul>
                </div>
            </div>
        </div>
        <!--Footer Bottom-->
        <div class="footer-bottom">
            <div class="auto-container clearfix">
                <!--Copyright-->
                <div class="copyright text-center">Copyright &copy; 2018.Company name All rights reserved. <a href="#" target="_blank" title="首页">抚松柏艺园林绿化有限公司</a> </div>
            </div>
        </div>

    </footer>

</div>
<!--End pagewrapper-->


<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target=".main-header"><span class="fa fa-long-arrow-up"></span></div>

<script src="js/jquery.js"></script> 
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/jquery.fancybox-media.js"></script>
<script src="js/owl.js"></script>
<script src="js/mixitup.js"></script>
<script src="js/isotope.js"></script>
<script src="js/wow.js"></script>
<script src="js/script.js"></script>
</body>
</html>
